window.onload=function () {
// 初始化echarts实例
    var a=[[${provinceName}]];
    alert(a);
    var myEcharts = echarts.init(document.getElementById("china"), "vintage");
    var option = {
        title: {  //标题样式
            text: '全国疫情分布地图',
            x: "center",
            textStyle: {
                fontSize: 25,
                color: "black"
            },
        },
        tooltip: {
            trigger: 'item',
            formatter: function (params) {
                console.log(params)
                if (params.name) {
                    return params.name + ' : ' + (isNaN(params.value) ? 0 : parseInt(params.value));
                }
            }
        },
        visualMap: {//视觉映射组件
            top: 'bottom',
            left: 'left',
            min: 1000,
            max: 70000,
            //text: ['High', 'Low'],
            realtime: false,  //拖拽时，是否实时更新
            calculable: true,  //是否显示拖拽用的手柄
            inRange: {
                color: ['lightskyblue', 'yellow', 'orangered']
            }
        },
        graphic: [
            {
                type: 'image', // 图形元素类型
                id: 'logo', // 更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。
                right: 'center', // 根据父元素进行定位 （居中）
                bottom: '0%', // 根据父元素进行定位   （0%）, 如果bottom的值是 0，也可以删除该bottom属性值。
                z: 0,  // 层叠
                bounding: 'all', // 决定此图形元素在定位时，对自身的包围盒计算方式
                style: {
                    image: '/img/背景图片.jpg',
                    width: 2200,
                    height: 2000
                }
            }
        ]
    };

    $.ajax({
        type: "post",
        url:"/detailData",
        dataType:"json",
        success:function (mapData){    //[{name,value},{}]
            myEcharts.hideLoading();
            myEcharts.setOption({
                series: [
                    {
                        name: '全国各省市数据',
                        type: 'map',
                        mapType: 'china',
                        roam: false,//是否开启鼠标缩放和平移漫游
                        itemStyle: {//地图区域的多边形 图形样式
                            normal: {//是图形在默认状态下的样式
                                label: {
                                    show: true,//是否显示标签
                                    textStyle: {
                                        color: "black"
                                    }
                                }
                            },
                            zoom: 1.5,  //地图缩放比例,默认为1
                            emphasis: {//是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时
                                label: {show: true}
                            }
                        },
                        top: "3%",//组件距离容器的距离
                        //[{name:"",value:0},{}]
                        data: mapData
                    }
                ]
            })
        }
    })
    // 使用刚指定的配置项和数据显示图表。
    myEcharts.setOption(option);
}